<div class="clearfix script-content" ng-task-main-router="">
    <div class="wrapper-md" ng-controller="openstackTabCtrl">
        <div class="row">
            <div class="col-md-1 tab-arrow">
                <i class="fa fa-angle-left" ng-click="goLeft()"></i>
            </div>
            <div class="col-md-10" style="position: relative">
                <div class="col-md-12 platform-container">
                    <div>
                        <div class="platform-cell" ng-class="{true:'selected'}[row.selected]" ng-repeat="row in platformData" ng-click="selectCell(row)">
                            <div>
                                <h5 class="text-over" ng-bind="row.name"></h5>
                                <div class="text-over">{{row.type}}</div>
                            </div>
                            <div class="platform-detail"  ng-right-click="goOperation(row)">
                                <div>实 例：{{row.instance}}</div>
                                <div>主 机：{{row.hostCount}}</div>
                                <div>云硬盘：{{row.dataStoreCount}}</div>
                                <div>镜 像：{{row.imageCount}}</div>
                                <div>规 格：{{row.templateCount}}</div>
                                <div>
                                    <i class="fa fa-pencil-square-o m-r" ng-click="editPlatform($event,row.id)"></i>
                                    <i class="fa fa-trash-o m-r" ng-click="delPlatform($event,row)"></i>
                                    <i class="fa fa-hourglass-start m-r" ng-click="sync($event,row)"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="platform-cell add-cell"  ng-click="editPlatform($event)"><i class="glyphicon glyphicon-plus"></i></div>
            </div>
            <div class="col-md-1 tab-arrow">
                <i class="fa fa-angle-right" ng-click="goRight()"></i>
            </div>
        </div>
        <tabset class="tab-container">
            <tab ng-controller="openstackHostCtrl" select="selectTab('host')" active="active13">
                <tab-heading class="tab-heading-style" >
                    宿主机
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="">
                        <div class="search-box m-b-md">
                            <div class="legend">查询条件</div>
                            <div class="search-content">
                                <div class="form-group">
                                    <label class="control-label">宿主机名：</label>
                                    <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                                </div>
                            </div>
                            <div class="search-btn">
                                <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                            </div>
                        </div>
                        <div class="">
                            <div class="dataTables_wrapper form-inline">
                                <div class="row">
                                    <div class="col-sm-12" style="margin-top: -10px;">
                                        <table class="table b-light m-b-xxs" ng-show="vmHostTable==1">
                                            <thead class="table-header" >
                                            <tr>
                                                <th width="15%" class="font-15 text-center">名称</th>
                                                <th width="10%" class="font-15 text-center">状态</th>
                                                <th width="15%" class="font-15 text-center">IP</th>
                                                <!--<th width="8%" class="font-15 text-center">集群</th>-->
                                                <th width="15%" class="font-15 text-center">虚机总数</th>
                                                <!--<th width="8%" class="font-15 text-center">模板总数</th>-->
                                                <th width="15%" class="font-15 text-center">平台</th>
                                                <th width="15%" class="font-15 text-center">更新时间</th>
                                                <th width="15%" class="text-center td-operate font-15">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="table-content" ng-repeat="row in vmHostList" ng-if="!isImageData">
                                                <td width="15%" class="font-15 text-center text-overflow detail-href" style="max-width:262px;" title="{{row.name}}" ng-bind="row.name" ng-click="detail($event,row)"></td>
                                                <td width="10%" class="font-15 text-center text-overflow" style="max-width:88px;">
                                                    <div class="text-left" style="padding-left:16%;">
                                                        <i class="status-dot-style" ng-class="{'RUNNING':'dot-8','STOPPED':'dot-10','EXCEPTION':'dot-9'}[row.status]"></i>
                                                        <span class="status-span-style" title="{{row.status|cn:'vmStatus'}}" ng-bind="row.status|cn:'vmStatus'"></span>
                                                    </div>
                                                </td>
                                                <td width="15%" class="font-15 text-center text-overflow" style="max-width:130px;" title="{{row.hostIp}}" ng-bind="row.hostIp"></td>
                                                <!--<td width="8%" class="font-15 text-center text-overflow" style="max-width:80px;"-->
                                                <!--title="{{row.clusterName}}" ng-bind="row.clusterName"></td>-->
                                                <td width="15%" class="font-15 text-center text-overflow" style="max-width:130px;"
                                                    title="{{row.vmNum}}" ng-bind="row.vmNum"></td>
                                                <!--<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"-->
                                                <!--title="{{row.templateNum}}" ng-bind="row.templateNum"></td>-->
                                                <td width="15%" class="font-15 text-center text-overflow" style="max-width:144px;"
                                                    title="{{row.catalog}}" ng-bind="row.catalog"></td>
                                                <td width="15%" class="font-15 text-center text-overflow" style="max-width:150px;"
                                                    title="{{row.gmtModify}}" ng-bind="row.gmtModify"></td>
                                                <td width="15%" class="td-operate text-center">
                                                    <div class="btn-group dropdown table-operation" dropdown="">
                                                        <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                                        <ul class="dropdown-menu">
                                                            <li ng-click="catPerformance(row.name)"><a href="">性能数据</a></li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr ng-if="isImageData">
                                                <td class="td-nodata" colspan="7"></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <div class="clearfix">
                                            <div class="col-sm-6" style="padding: 7px 15px;">
                                                <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                            </div>
                                            <div class="col-sm-6 text-right">
                                                <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                                <div class="col-md-12">
                                    <div class="panel panel-default" style="padding:0;">
                                        <div class="panel-heading font-bold">
                                            <span class="p-l-6">宿主机详情</span>
                                        </div>
                                        <div class="panel-body pmb-block" style="border:none;">
                                            <div class="col-md-12">
                                                    <div class="pmbb-header">
                                                        <h5 class="console-title">基本信息</h5>
                                                    </div>
                                                    <div class="pmbb-body p-l-30">
                                                        <div class="form-group">
                                                            <div class="col-lg-6">
                                                                <dl class="dl-horizontal">
                                                                    <dt>主机名称：</dt>
                                                                    <dd ng-bind="supplierDetail.name"></dd>
                                                                </dl>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <dl class="dl-horizontal">
                                                                    <dt>IP地址：</dt>
                                                                    <dd ng-bind="supplierDetail.hostIp"></dd>
                                                                </dl>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <div class="col-lg-6">
                                                                <dl class="dl-horizontal">
                                                                    <dt>CPU数量：</dt>
                                                                    <dd>{{supplierDetail.cpuNum}}</dd>
                                                                </dl>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <dl class="dl-horizontal">
                                                                    <dt>CPU核数：</dt>
                                                                    <dd ng-bind="supplierDetail.cpuCore"></dd>
                                                                </dl>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <div class="col-lg-6">
                                                                <dl class="dl-horizontal">
                                                                    <dt>总内存：</dt>
                                                                    <dd>{{supplierDetail.memTotal}} MB</dd>
                                                                </dl>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <dl class="dl-horizontal">
                                                                    <dt>虚拟机：</dt>
                                                                    <dd ng-bind="supplierDetail.vmNum"></dd>
                                                                </dl>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <div class="col-lg-6">
                                                                <dl class="dl-horizontal">
                                                                    <dt>磁盘总量：</dt>
                                                                    <dd>{{supplierDetail.diskTotal}}GB</dd>
                                                                </dl>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            <div class="col-md-12">
                                                <div class="pmbb-header">
                                                        <h5 class="console-title">虚拟机列表</h5>
                                                    </div>
                                                <div class="pmbb-body col-md-12 m-table">
                                                        <table st-table="displayListData" st-safe-src="vmList" class="table b-light m-b-xxs">
                                                            <thead class="table-header" >
                                                            <tr>
                                                                <th width="25%" class="font-15 text-center">主机名称</th>
                                                                <th width="25%" class="font-15 text-center">主机状态</th>
                                                                <th width="25%" class="font-15 text-center">平台名称</th>
                                                                <th width="25%" class="font-15 text-center">创建时间</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr ng-repeat="row in displayListData" ng-if="!isImageDatad">
                                                                <td width="25%" class="font-15 text-center text-overflow" style="max-width:203px;" title="{{row.name}}"  ng-bind="row.name"></td>
                                                                <td width="25%" class="font-15 text-center">
                                                                    <div class="text-left" style="padding-left:30%;">
                                                                        <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
                                                                        <span class="status-span-style" title="{{row.status|cn:'vmStatus'}}" ng-bind="row.status|cn:'vmStatus'"></span>
                                                                    </div>
                                                                </td>
                                                                <td width="25%" class="font-15 text-center text-overflow" style="max-width:203px;" title="{{row.vendorName}}" ng-bind="row.vendorName"></td>
                                                                <td width="25%" class="font-15 text-center text-overflow" style="max-width:203px;" title="{{row.gmtCreate}}" ng-bind="row.gmtCreate"></td>
                                                            </tr>
                                                            <tr ng-if="isImageDatad">
                                                                <td class="td-nodata" colspan="4"></td>
                                                            </tr>
                                                            </tbody>
                                                            <tfoot ng-if="!isImageDatad">
                                                            <tr>
                                                                <td colspan="1" class="text-center" style="padding-top: 25px;font-size: 15px;">
                                                                    <div>每页{{itemsByPage}}条，共{{total}}条</div>
                                                                </td>
                                                                <td colspan="2" class="text-center">
                                                                </td>
                                                                <td colspan="1" class="text-center" style="padding-top: 8px;">
                                                                    <div st-pagination="" st-items-by-page="itemsByPage" st-displayed-pages="5" class="no-margin"></div>
                                                                </td>
                                                            </tr>
                                                            </tfoot>
                                                        </table>
                                                    </div>
                                            </div>
                                            <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab ng-controller="openstackVmListCtrl" select="selectTab('vm')" active="active1">
                <tab-heading class="tab-heading-style" >
                    虚拟机
                </tab-heading>
                <div class="row panel" style="padding-top: 10px;overflow: inherit;">
                    <div class="">
                        <div class="search-box m-b-md">
                            <div class="legend">查询条件</div>
                            <div class="search-content">
                                <div class="form-group">
                                    <label class="control-label">主机名称：</label>
                                    <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                                </div>
                                <div class="form-group">
                                    <label class="control-label">主机状态：</label>
                                    <select class="form-control" ng-model="searchByStatus">
                                        <option value="">--请选择--</option>
                                        <option ng-repeat="row in statusData" ng-selected="row.value==searchByStatus" value="{{row.value}}" ng-bind="row.name"></option>
                                    </select>
                                </div>
                            </div>
                            <div class="search-btn">
                                <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                                <button class="btn btn-info w-xs m-r" ng-click="add($event,'lg')" ng-show="isAddBtn"><i class="fa fa-plus-circle"></i> 新增</button>
                            </div>
                        </div>

                        <div class="">
                            <div class="dataTables_wrapper form-inline">
                                <div class="row">
                                    <div class="col-sm-12" style="margin-top: -10px;">
                                        <table class="table b-light m-b-xxs" ng-show="vmTable==1">
                                            <thead class="table-header" >
                                            <tr>
                                                <th width="15%" class="font-15 text-center cursor" ng-click="sort('name')">
                                                    主机名称
                                                    <i class="fa" ng-class="{0:'fa-sort-asc',1:'fa-sort-desc'}[sortList.name]" ng-init="sortList.name=2"></i>
                                                </th>
                                                <th width="10%" class="font-15 text-center">
                                                    主机状态
                                                    <!--<i class="fa" ng-class="{0:'fa-sort-asc',1:'fa-sort-desc'}[sortList.status]" ng-init="sortList.status=2"></i>-->
                                                </th>
                                                <th width="15%" class="font-15 text-center">
                                                    IP 地址
                                                    <!--<i class="fa" ng-class="{0:'fa-sort-asc',1:'fa-sort-desc'}[sortList.address]" ng-init="sortList.address=2"></i>-->
                                                </th>
                                                <th width="15%" class="font-15 text-center">
                                                    平台名称
                                                    <!--<i class="fa" ng-class="{0:'fa-sort-asc',1:'fa-sort-desc'}[sortList.vendorName]" ng-init="sortList.vendorName=2"></i>-->
                                                </th>
                                                <th width="15%" class="font-15 text-center cursor" ng-click="sort('gmtCreate')">
                                                    创建时间
                                                    <i class="fa" ng-class="{0:'fa-sort-asc',1:'fa-sort-desc'}[sortList.gmtCreate]" ng-init="sortList.gmtCreate=2"></i>
                                                </th>
                                                <th width="15%" class="font-15 text-center cursor" ng-click="sort('hostName')">
                                                    宿主机
                                                    <i class="fa" ng-class="{0:'fa-sort-asc',1:'fa-sort-desc'}[sortList.hostName]" ng-init="sortList.hostName=2"></i>
                                                </th>
                                                <th class="text-center td-operate font-15" width="10%">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr class="table-content" ng-repeat="row in vmList" ng-if="!isImageData">
                                                <td width="15%" class="font-15 detail-href text-center text-overflow" style="max-width:210px;" title="{{row.name}}"  ng-bind="row.name" ng-click="detail($event,row.id)"></td>
                                                <td width="10%" class="font-15 text-center">
                                                    <div class="text-left" style="padding-left:20%;">
                                                        <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
                                                        <span class="status-span-style" title="{{row.status|cn:'vmStatus'}}" ng-bind="row.status|cn:'vmStatus'"></span>
                                                    </div>
                                                </td>
                                                <td width="15%" class="font-15 text-center text-overflow" style="max-width:156px;">
                                                    <div ng-repeat="item in row.serverIps" title="{{item.name+'('+item.address+')'}}">{{item.name+'('+item.address+')'}}</div>
                                                </td>
                                                <td width="15%" class="font-15 text-center text-overflow" style="max-width:156px;" title="{{row.vendorName}}" ng-bind="row.vendorName"></td>
                                                <td width="15%" class="font-15 text-center text-overflow" style="max-width:156px;" title="{{row.gmtCreate}}" ng-bind="row.gmtCreate"></td>
                                                <td width="15%" class="font-15 text-center text-overflow" style="max-width:156px;" title="{{row.hostName}}" ng-bind="row.hostName"></td>
                                                <td width="10%" class="td-operate text-center">
                                                    <div class="btn-group dropdown table-operation" dropdown="">
                                                        <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                                        <ul class="dropdown-menu">
                                                            <li ng-click="control($event,row)" ng-disabled="row.isControl"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isControl]">控制台</a></li>
                                                            <li ng-click="update($event,row,row.isException)" ng-disabled="row.isException"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isException]">编辑</a></li>
                                                            <li ng-click="remove($event,row,6)"><a href="">删除</a></li>
                                                            <li ng-click="catPerformance(row.name)" ng-if="row.isCatPerformance"><a href="">性能数据</a></li>
                                                            <li ng-click="remove($event,row,2,row.isStart)" ng-if="row.isShowStart" ng-disabled="row.isStart"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isStart]">开机</a></li>
                                                            <li ng-click="remove($event,row,5,row.isStop)" ng-if="row.isShowStop" ng-disabled="row.isStop"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isStop]">关机</a></li>
                                                            <li ng-click="remove($event,row,1,row.isRestart)" ng-if="row.isShowRestart" ng-disabled="row.isRestart"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isRestart]">重启</a></li>
                                                            <li ng-click="remove($event,row,0,row.isRecover)" ng-disabled="row.isRecover" ng-if="row.isShowRecover"><a href="">恢复</a></li>
                                                            <li ng-click="addSnapshot($event,row.id,row.isBackup)" ng-disabled="row.isBackup"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isBackup]">备份镜像</a></li>
                                                            <li ng-click="onlineTransfer($event,row,row.isException1)" ng-disabled="row.isException1"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isException1]">在线迁移</a></li>
                                                            <li ng-click="offlineTransfer($event,row,row.isOffline)" ng-disabled="row.isOffline"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isOffline]">离线迁移</a></li>
                                                        </ul>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr ng-if="isImageData">
                                                <td class="td-nodata" colspan="6"></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <div class="clearfix">
                                            <div class="col-sm-6" style="padding: 7px 15px;">
                                                <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                            </div>
                                            <div class="col-sm-6 text-right">
                                                <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                                <div class="col-md-12">
                                    <div class="panel panel-default" style="padding:0;">
                                        <div class="panel-heading font-bold">
                                            <span class="p-l-6">虚拟机详情</span>
                                        </div>
                                        <div class="panel-body pmb-block" style="border:none;">
                                            <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">基本信息</h5>
                                                </div>
                                                <div class="pmbb-body p-l-30">
                                                    <div class="form-group">
                                                        <div class="col-lg-4">
                                                            <dl class="dl-horizontal">
                                                                <dt>主机名称：</dt>
                                                                <dd ng-bind="vmDetail.name"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <dl class="dl-horizontal">
                                                                <dt>主机状态：</dt>
                                                                <dd>
                                                                    <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-10','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[vmDetail.statusColor]"></i>
                                                                    <span class="status-span-style" title="{{vmDetail.status|cn:'vmStatus'}}" ng-bind="vmDetail.status|cn:'vmStatus'"></span>
                                                                </dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">详细信息</h5>
                                                </div>
                                                <div class="pmbb-body p-l-30">
                                                    <div class="form-group">
                                                        <div class="col-lg-4">
                                                            <dl class="dl-horizontal">
                                                                <dt>宿主机：</dt>
                                                                <dd>{{vmDetail.hostName}}</dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <dl class="dl-horizontal">
                                                                <dt>CPU核数：</dt>
                                                                <dd>{{vmDetail.cpu}}核</dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-4">
                                                            <dl class="dl-horizontal">
                                                                <dt>内存大小：</dt>
                                                                <dd>{{vmDetail.memory}}MB</dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-4">
                                                            <dl class="dl-horizontal">
                                                                <dt>磁盘大小：</dt>
                                                                <dd>{{vmDetail.disk}}G</dd>
                                                            </dl>
                                                        </div>
                                                        <!--<div class="col-lg-4">-->
                                                            <!--<dl class="dl-horizontal">-->
                                                                <!--<dt>主机描述：</dt>-->
                                                                <!--<dd ng-bind="vmDetail.remark"></dd>-->
                                                            <!--</dl>-->
                                                        <!--</div>-->
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                    <div class="pmbb-header">
                                                        <h5 class="console-title">操作记录</h5>
                                                    </div>
                                                    <div class="pmbb-body col-md-12 m-table">
                                                        <table class="table b-light m-b-xxs">
                                                            <thead class="table-header">
                                                            <tr>
                                                                <th width="20%" class="font-15 text-center">操作内容</th>
                                                                <th width="25%" class="font-15 text-center">操作结果</th>
                                                                <th width="25%" class="font-15 text-center">操作人</th>
                                                                <th width="30%" class="font-15 text-center">操作时间</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr class="table-content" ng-repeat="row in eventList" ng-if="!isImageDatad">
                                                                <td width="20%" class="font-15 text-center text-overflow" style="max-width:163px;" title="{{row.content}}" ng-bind="row.content"></td>
                                                                <td width="25%" class="font-15 text-center text-overflow" style="max-width:203px;" title="{{row.result}}" ng-bind="row.result"></td>
                                                                <td width="25%" class="font-15 text-center text-overflow" style="max-width:203px;" title="{{row.operator}}" ng-bind="row.operator"></td>
                                                                <td width="30%" class="font-15 text-center text-overflow" style="max-width:243px;" title="{{row.gmtOperate}}" ng-bind="row.gmtOperate"></td>
                                                            </tr>
                                                            <tr ng-if="isImageDatad">
                                                                <td class="td-nodata" colspan="4"></td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                        <div class="clearfix">
                                                            <div class="col-sm-6" style="padding:7px 15px;">
                                                                <div class="paginationTables_info">总共<span ng-bind="totalCountd"></span>条, 每页<span ng-bind="paramd.rows"></span>条</div>
                                                            </div>
                                                            <div class="col-sm-6 text-right">
                                                                <pagination style="" boundary-links="true" total-items="totalCountd" items-per-page="paramd.rows" max-size="10" ng-model="paramd.page" ng-change="getOperateData(paramd.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab ng-controller="openstacknetworkCtrl" select="selectTab('network')" active="active6">
                <tab-heading class="tab-heading-style" >
                    网络
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">网络名称：</label>
                                <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                            <button class="btn btn-info w-xs m-r" ng-click="add($event,'lg')"><i class="fa fa-plus-circle"></i> 新增</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 table-responsive">
                            <table class="table b-light m-b-xxs" ng-show="openstackNetworkTable==1">
                                <thead class="table-header" >
                                <tr>
                                    <th width="20%" class="text-center font-15">网络名称</th>
                                    <th width="20%" class="text-center font-15">网络类型</th>
                                    <th width="20%" class="text-center font-15">状态</th>
                                    <th width="20%" class="text-center font-15">是否共享</th>
                                    <th class="text-center td-operate font-15" width="20%">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-content" ng-repeat="row in networkList" ng-if="!isImageData">
                                    <td width="20%" class="text-center detail-href font-15 text-overflow" style="max-width:209px;" title="{{row.name}}" ng-click="detail(row)" ng-bind="row.name"></td>
                                    <td width="20%" class="text-center font-15 text-overflow" style="max-width:209px;" title="{{row.type}}" ng-bind="row.type"></td>
                                    <td width="20%" class="text-center font-15 text-overflow" style="max-width:209px;" >
                                        <div class="text-left" style="padding-left:38%;">
                                            <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-10'}[row.statusColor]"></i>
                                            <span class="status-span-style" title="{{row.status1}}" ng-bind="row.status1"></span>
                                        </div>
                                    </td>
                                    <td width="20%" class="text-center font-15 text-overflow" style="max-width:209px;" title="{{row.shared1}}" ng-bind="row.shared1"></td>
                                    <td width="20%" class="font-15 td-operate text-center">
                                        <div class="btn-group dropdown table-operation" dropdown="">
                                            <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                            <ul class="dropdown-menu">
                                                <li ng-click="add1($event,row.networkId)"><a href="">创建子网</a></li>
                                                <li ng-click="add2($event,row.networkId)"><a href="">创建端口</a></li>
                                                <li ng-click="update($event,$index,row,key)"><a href="">编辑</a></li>
                                                <li ng-click="remove(row.id,4)" ><a href="">删除</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="5"></td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6" style="padding:7px 15px;">
                                    <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                        <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                            <div class="col-md-12">
                                <div class="panel panel-default" style="padding:0;">
                                    <div class="panel-heading font-bold">
                                        <span class="p-l-6">网络详情</span>
                                    </div>
                                    <div class="panel-body pmb-block" style="border:none;">
                                            <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">基本信息</h5>
                                                </div>
                                                <div class="pmbb-body p-l-30">
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>网络ID：</dt>
                                                                <dd ng-bind="volumeDetail.networkId"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>网络名称：</dt>
                                                                <dd ng-bind="volumeDetail.name"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>网络类型：</dt>
                                                                <dd ng-bind="volumeDetail.type"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>状态：</dt>
                                                                <dd>
                                                                    <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-10'}[volumeDetail.statusColor]"></i>
                                                                    <span class="status-span-style" title="{{volumeDetail.status1}}" ng-bind="volumeDetail.status1"></span>
                                                                </dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>云供应商：</dt>
                                                                <dd ng-bind="volumeDetail.vendorName"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>是否共享：</dt>
                                                                <dd ng-bind="volumeDetail.shared1"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>段ID：</dt>
                                                                <dd ng-bind="volumeDetail.segmentationId"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">子网列表</h5>
                                                </div>
                                                <div class="pmbb-body col-md-12">
                                                    <table class="table b-light m-b-xxs">
                                                        <thead class="table-header">
                                                        <tr>
                                                            <th width="20%" class="text-center font-15">名称</th>
                                                            <th width="20%" class="text-center font-15">网关</th>
                                                            <th width="20%" class="text-center font-15">网络地址</th>
                                                            <th width="20%" class="text-center font-15">IP版本</th>
                                                            <th width="20%" class="text-center font-15">操作</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr class="table-content" ng-repeat="row in subnetList" ng-if="!isImageData">
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:166px;" title="{{row.name}}" ng-bind="row.name"></td>
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:161px;" title="{{row.gateway}}" ng-bind="row.gateway"></td>
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:161px;" title="{{row.cidr}}" ng-bind="row.cidr"></td>
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:161px;" title="{{row.status}}" ng-bind="row.ipVersion"></td>
                                                            <td width="20%" class="td-operate text-center">
                                                                <button class="btn btn-danger btn-sm" ng-click="remove(row.id,6)">
                                                                    <i class="fa fa-trash-o"></i>
                                                                    <span class="">删除</span>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                        <tr ng-if="isImageData">
                                                            <td class="td-nodata" colspan="5"></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    <div class="clearfix">
                                                        <div class="col-sm-6" style="padding:7px 15px;">
                                                            <div class="paginationTables_info">总共<span ng-bind="totalCountd"></span>条, 每页<span ng-bind="paramd.rows"></span>条</div>
                                                        </div>
                                                        <div class="col-sm-6 text-right">
                                                            <pagination style="" boundary-links="true" total-items="totalCountd" items-per-page="paramd.rows" max-size="10" ng-model="paramd.page" ng-change="getOperateData1(paramd.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">端口列表</h5>
                                                </div>
                                                <div class="pmbb-body col-md-12 m-table">
                                                    <table class="table b-light m-b-xxs">
                                                        <thead class="table-header">
                                                        <tr>
                                                            <th width="20%" class="text-center font-15">名称</th>
                                                            <th width="20%" class="text-center font-15">状态</th>
                                                            <th width="20%" class="text-center font-15">固定IP</th>
                                                            <th width="20%" class="text-center font-15">连接设备</th>
                                                            <th width="20%" class="text-center font-15">操作</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr class="table-content" ng-repeat="row in portList" ng-if="!isImageData2">
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:166px;" title="{{row.name}}" ng-bind="row.name"></td>
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:161px;">
                                                                <div class="text-left" style="padding-left:35%;">
                                                                    <i class="status-dot-style" ng-class="{'ACTIVE':'dot-8','UNRECOGNIZED':'dot-8','DOWN':'dot-10'}[row.status]"></i>
                                                                    <span class="status-span-style" title="{{row.status|cn:'portStatus'}}" ng-bind="row.status|cn:'portStatus'"></span>
                                                                </div>
                                                            </td>
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:161px;" title="{{row.ipAddress}}" ng-bind="row.ipAddress"></td>
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:162px;" title="{{row.deviceOwner}}" ng-bind="row.deviceOwner"></td>
                                                            <td width="20%" class="td-operate text-center">
                                                                <button class="btn btn-danger btn-sm" ng-click="remove(row.id,7)">
                                                                    <i class="fa fa-trash-o"></i>
                                                                    <span class="">删除</span>
                                                                </button>
                                                            </td>
                                                        </tr>
                                                        <tr ng-if="isImageData2">
                                                            <td class="td-nodata" colspan="5"></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    <div class="clearfix">
                                                        <div class="col-sm-6" style="padding:7px 15px;">
                                                            <div class="paginationTables_info">总共<span ng-bind="totalCountd2"></span>条, 每页<span ng-bind="paramd2.rows"></span>条</div>
                                                        </div>
                                                        <div class="col-sm-6 text-right">
                                                            <pagination style="" boundary-links="true" total-items="totalCountd2" items-per-page="paramd2.rows" max-size="10" ng-model="paramd2.page" ng-change="getOperateData2(paramd2.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab ng-controller="openstackrouteCtrl" select="selectTab('route')" active="active7">
                <tab-heading class="tab-heading-style" >
                    路由
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">路由名称：</label>
                                <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                            <button class="btn btn-info w-xs m-r" ng-click="add($event)"><i class="fa fa-plus-circle"></i> 新增</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 table-responsive">
                            <table class="table b-light m-b-xxs">
                                <thead class="table-header" >
                                <tr>
                                    <th width="20%" class="text-center font-15">名称</th>
                                    <th width="20%" class="text-center font-15">状态</th>
                                    <th width="25%" class="text-center font-15">外部网络</th>
                                    <th width="20%" class="text-center font-15">管理状态</th>
                                    <th width="15%" class="text-center font-15">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-content" ng-repeat="row in routeList" ng-if="!isImageData">
                                    <td width="20%" class="text-center font-15 text-overflow detail-href" style="max-width:209px;" title="{{row.name}}" ng-click="detail(row.id)" ng-bind="row.name"></td>
                                    <td width="20%" class="text-center font-15 text-overflow" style="max-width:209px;">
                                        <div class="text-left" style="padding-left:32%;">
                                            <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1'}[row.statusColor]"></i>
                                            <span class="status-span-style" title="{{row.status1}}" ng-bind="row.status1"></span>
                                        </div>
                                    </td>
                                    <td width="25%" class="text-center font-15 text-overflow" style="max-width:262px;" title="{{row.networkName}}" ng-bind="row.networkName"></td>
                                    <td width="20%" class="text-center font-15 text-overflow" style="max-width:209px;" title="{{row.adminStateup1}}" ng-bind="row.adminStateup1"></td>
                                    <td width="15%" class="text-center font-15">
                                        <div class="btn-group dropdown table-operation" dropdown="">
                                            <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                            <ul class="dropdown-menu">
                                                <li ng-click="update($event,$index,row,key)"><a href="">编辑</a></li>
                                                <li ng-click="remove(row.id,$event,$index,key)" ><a href="">删除</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="5"></td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6" style="padding:7px 15px;">
                                    <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                        <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                            <div class="col-md-12">
                                <div class="panel panel-default" style="padding:0;">
                                    <div class="panel-heading font-bold">
                                        <span class="p-l-6">路由详情</span>
                                    </div>
                                    <div class="panel-body pmb-block" style="border:none;">
                                        <div class="col-md-12">
                                            <div class="pmbb-header">
                                                <h5 class="console-title">基本信息</h5>
                                            </div>
                                            <div class="pmbb-body p-l-30">
                                                <div class="form-group">
                                                    <div class="col-lg-6">
                                                        <dl class="dl-horizontal">
                                                            <dt>路由名称：</dt>
                                                            <dd ng-bind="routeDetail.name"></dd>
                                                        </dl>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <dl class="dl-horizontal">
                                                            <dt>路由uuid：</dt>
                                                            <dd ng-bind="routeDetail.routeId"></dd>
                                                        </dl>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-lg-6">
                                                        <dl class="dl-horizontal">
                                                            <dt>路由状态：</dt>
                                                            <dd>
                                                                <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1'}[routeDetail.statusColor]"></i>
                                                                <span class="status-span-style" title="{{routeDetail.status1}}" ng-bind="routeDetail.status1"></span>
                                                            </dd>
                                                        </dl>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <dl class="dl-horizontal">
                                                            <dt>管理状态：</dt>
                                                            <dd ng-bind="routeDetail.adminStateup1"></dd>
                                                        </dl>
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <div class="col-lg-6">
                                                        <dl class="dl-horizontal">
                                                            <dt>网关ID：</dt>
                                                            <dd ng-bind="routeDetail.networkId"></dd>
                                                        </dl>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <dl class="dl-horizontal">
                                                            <dt>云供应商：</dt>
                                                            <dd ng-bind="routeDetail.vendorName"></dd>
                                                        </dl>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab ng-controller="openstackvolumeCtrl" select="selectTab('volume')" active="active3">
                <tab-heading class="tab-heading-style" >
                    云硬盘
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">云硬盘名：</label>
                                <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                            <button class="btn btn-info w-xs m-r" ng-click="add($event)"><i class="fa fa-plus-circle"></i> 新增</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 table-responsive">
                            <table class="table b-light m-b-xxs" ng-show="volumeTable==1">
                                <thead class="table-header" >
                                <tr>
                                    <th width="15%" class="text-center font-15">云硬盘名称</th>
                                    <th width="25%" class="text-center font-15">云硬盘ID</th>
                                    <th width="10%" class="text-center font-15">状态</th>
                                    <th width="10%" class="text-center font-15">大小(GB)</th>
                                    <th width="15%" class="text-center font-15">创建时间</th>
                                    <th class="text-center td-operate font-15" width="20%">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-content" ng-repeat="row in volumeList" ng-if="!isImageData">
                                    <td width="15%" class="text-center font-15 text-overflow detail-href" style="max-width:210px;" title="{{row.name}}" ng-click="detail(row)" ng-bind="row.name"></td>
                                    <td width="25%" class="text-center font-15 text-overflow" style="max-width:266px;" title="{{row.volumeId}}" ng-bind="row.volumeId"></td>
                                    <td width="10%" class="text-center font-15 text-overflow" style="max-width:105px;" >
                                        <div class="text-left" style="padding-left:20%;">
                                            <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
                                            <span class="status-span-style" title="{{row.status1}}" ng-bind="row.status1"></span>
                                        </div>
                                    </td>
                                    <td width="10%" class="text-center font-15 text-overflow" style="max-width:209px;" title="{{row.size}}" ng-bind="row.size"></td>
                                    <td width="15%" class="text-center font-15 text-overflow" style="max-width:161px;" title="{{row.gmtCreate}}" ng-bind="row.gmtCreate"></td>
                                    <td width="20%" class="td-operate text-center">
                                        <div class="btn-group dropdown table-operation" dropdown="">
                                            <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                            <ul class="dropdown-menu">
                                                <li ng-click="update($event,$index,row,key)" ng-disabled="row.status=='IN_USE'"><a href="" ng-class="{IN_USE:'btn btn-default disabled color-f1f1f1'}[row.status]">编辑</a></li>
                                                <li ng-click="remove(row,$event,$index,key)" ng-disabled="row.status=='IN_USE'"><a href="" ng-class="{IN_USE:'btn btn-default disabled color-f1f1f1'}[row.status]">删除</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="6"></td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6" style="padding:7px 15px;">
                                    <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                        <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                            <div class="col-md-12">
                                <div class="panel panel-default" style="padding:0;">
                                    <div class="panel-heading font-bold">
                                        <span class="p-l-6">云硬盘详情</span>
                                    </div>
                                    <div class="panel-body pmb-block" style="border:none;">
                                        <div class="form-horizontal">
                                            <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">基本信息</h5>
                                                </div>
                                                <div class="pmbb-body p-l-30">
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>云硬盘ID：</dt>
                                                                <dd ng-bind="volumeDetail.volumeId"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>状态：</dt>
                                                                <dd>
                                                                    <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-10','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[volumeDetail.statusColor]"></i>
                                                                    <span class="status-span-style" title="{{volumeDetail.status1}}" ng-bind="volumeDetail.status1"></span>
                                                                </dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>云硬盘名：</dt>
                                                                <dd ng-bind="volumeDetail.name"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>创建时间：</dt>
                                                                <dd ng-bind="volumeDetail.gmtCreate"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>云平台：</dt>
                                                                <dd ng-bind="volumeDetail.vendorName"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>大小(GB)：</dt>
                                                                <dd ng-bind="volumeDetail.size"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">快照列表</h5>
                                                </div>
                                                <div class="pmbb-body col-md-12 m-table">
                                                    <table class="table b-light m-b-xxs">
                                                        <thead class="table-header">
                                                        <tr>
                                                            <th width="20%" class="text-center font-15">快照ID</th>
                                                            <th width="30%" class="text-center font-15">快照名称</th>
                                                            <th width="20%" class="text-center font-15">云硬盘ID</th>
                                                            <th width="10%" class="text-center font-15">状态</th>
                                                            <th width="20%" class="text-center font-15">大小(GB)</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        <tr class="table-content" ng-repeat="row in snapshotList" ng-if="!isImageDatad10">
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:157px;" title="{{row.snapshotId}}" ng-bind="row.snapshotId"></td>
                                                            <td width="30%" class="text-center font-15 text-overflow" style="max-width:235px;" title="{{row.name}}" ng-bind="row.name"></td>
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:156px;" title="{{row.volumeId}}" ng-bind="row.volumeId"></td>
                                                            <td width="10%" class="text-center font-15 text-overflow" style="max-width:78px;">
                                                                <div class="text-left" style="padding-left:5%;">
                                                                    <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
                                                                    <span class="status-span-style" title="{{row.status1}}" ng-bind="row.status1"></span>
                                                                </div>
                                                            </td>
                                                            <td width="20%" class="text-center font-15 text-overflow" style="max-width:156px;" title="{{row.size}}" ng-bind="row.size"></td>
                                                        </tr>
                                                        <tr ng-if="isImageDatad10">
                                                            <td class="td-nodata" colspan="5"></td>
                                                        </tr>
                                                        </tbody>
                                                    </table>
                                                    <div class="clearfix">
                                                        <div class="col-sm-6" style="padding:7px 15px;">
                                                            <div class="paginationTables_info">总共<span ng-bind="totalCountd"></span>条, 每页<span ng-bind="paramd.rows"></span>条</div>
                                                        </div>
                                                        <div class="col-sm-6 text-right">
                                                            <pagination style="" boundary-links="true" total-items="totalCountd" items-per-page="paramd.rows" max-size="10" ng-model="paramd.page" ng-change="getOperateData(paramd.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab ng-controller="openstacksnapshotCtrl" select="selectTab('snapshot')" active="active4">
                <tab-heading class="tab-heading-style" >
                    快照
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">快照名称：</label>
                                <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                            <button class="btn btn-info w-xs m-r" ng-click="add($event)"><i class="fa fa-plus-circle"></i> 新增</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 table-responsive">
                            <table class="table b-light m-b-xxs">
                                <thead class="table-header" >
                                <tr>
                                    <th width="20%" class="text-center font-15">快照名称</th>
                                    <th width="20%" class="text-center font-15">快照ID</th>
                                    <th width="10%" class="text-center font-15">状态</th>
                                    <th width="10%" class="text-center font-15">云硬盘ID</th>
                                    <th width="15%" class="text-center font-15">大小(GB)</th>
                                    <th class="text-center td-operate font-15" width="15%">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-content" ng-repeat="row in snapshotList" ng-if="!isImageData">
                                    <td width="20%" class="text-center font-15 text-overflow detail-href" style="max-width:233px;" title="{{row.name}}" ng-click="detail(row.id)" ng-bind="row.name"></td>
                                    <td width="10%" class="text-center font-15 text-overflow" style="max-width:116px;" title="{{row.snapshotId}}" ng-bind="row.snapshotId"></td>
                                    <td width="10%" class="text-center font-15 text-overflow" style="max-width:116px;">
                                        <div class="text-left" style="padding-left:22%;">
                                            <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
                                            <span class="status-span-style" title="{{row.status1}}" ng-bind="row.status1"></span>
                                        </div>
                                    </td>
                                    <td width="10%" class="text-center font-15 text-overflow" style="max-width:116px;" title="{{row.volumeId}}" ng-bind="row.volumeId"></td>
                                    <td width="15%" class="text-center font-15 text-overflow" style="max-width:174px;" title="{{row.size}}" ng-bind="row.size"></td>
                                    <td width="15%" class="td-operate text-center">
                                        <div class="btn-group dropdown table-operation" dropdown="">
                                            <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                            <ul class="dropdown-menu">
                                                <li ng-click="remove(row.id,$event,$index,key,row.isException)" ng-disabled="row.isException"><a href="" ng-class="{true:'btn btn-default disabled color-f1f1f1'}[row.isException]">删除</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="6"></td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6" style="padding:7px 15px;">
                                    <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                        <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                            <div class="col-md-12">
                                <div class="panel panel-default" style="padding:0;">
                                    <div class="panel-heading font-bold">
                                        <span class="p-l-6">快照详情</span>
                                    </div>
                                    <div class="panel-body pmb-block" style="border:none;">
                                        <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">基本信息</h5>
                                                </div>
                                                <div class="pmbb-body p-l-30">
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>快照ID：</dt>
                                                                <dd ng-bind="snapshotDetail.snapshotId"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>快照名称：</dt>
                                                                <dd ng-bind="snapshotDetail.name"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>快照状态：</dt>
                                                                <dd>
                                                                    <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[snapshotDetail.statusColor]"></i>
                                                                    <span class="status-span-style" title="{{snapshotDetail.status1}}" ng-bind="snapshotDetail.status1"></span>
                                                                </dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>云硬盘ID：</dt>
                                                                <dd ng-bind="snapshotDetail.volumeId"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>大小(GB)：</dt>
                                                                <dd ng-bind="snapshotDetail.size"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab ng-controller="openstackaccountCtrl" select="selectTab('account')" active="active2">
                <tab-heading class="tab-heading-style" >
                    镜像
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">镜像名称：</label>
                                <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                        </div>
                    </div>
                    <div class="dataTables_wrapper form-inline">
                        <div class="row">
                            <div class="col-sm-12" style="margin-top: -10px;">
                                <table class="table b-light m-b-xxs" ng-show="imageTable==2">
                                    <thead class="table-header">
                                    <tr>
                                        <th width="25%" class="text-center font-15">镜像名称</th>
                                        <th width="20%" class="text-center font-15">状态</th>
                                        <th width="40%" class="text-center font-15">所属云平台</th>
                                        <th class="text-center td-operate font-15" width="15%">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="table-content" ng-repeat="row in imageList" ng-if="!isImageData">
                                        <td width="25%" class="text-center font-15 detail-href text-overflow" style="max-width:298px;" title="{{row.name}}" ng-bind="row.name" ng-click="detail($event,row.id)"></td>
                                        <td width="20%" class="text-center font-15 text-overflow" style="max-width:199px;">
                                            <div class="text-left" style="padding-left:33%;">
                                                <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
                                                <span class="status-span-style" title="{{row.status1}}" ng-bind="row.status1"></span>
                                            </div>
                                        </td>
                                        <td width="40%" class="text-center font-15 text-overflow" style="max-width:396px;" title="{{row.vendorName}}" ng-bind="row.vendorName"></td>
                                        <td width="15%" class="td-operate text-center">
                                            <div class="btn-group dropdown table-operation" dropdown="">
                                                <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                                <ul class="dropdown-menu">
                                                    <li ng-click="update($event,$index,row,key)"><a href="">编辑</a></li>
                                                    <li ng-click="remove(row.id,$event,$index,key)" ><a href="">删除</a></li>
                                                </ul>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr ng-if="isImageData">
                                        <td class="td-nodata" colspan="4"></td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class="clearfix">
                                    <div class="col-sm-6" style="padding:7px 15px;">
                                        <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                    </div>
                                    <div class="col-sm-6 text-right">
                                        <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                            <div class="col-md-12">
                                <div class="panel panel-default" style="padding:0;">
                                    <div class="panel-heading font-bold">
                                        <span class="p-l-6">镜像详情</span>
                                    </div>
                                    <div class="panel-body pmb-block" style="border:none;">
                                        <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">基本信息</h5>
                                                </div>
                                                <div class="pmbb-body p-l-30">
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>镜像名称：</dt>
                                                                <dd ng-bind="imageDetail.name"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>镜像状态：</dt>
                                                                <dd>
                                                                    <i class="status-dot-style" ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[imageDetail.statusColor]"></i>
                                                                    <span class="status-span-style" title="{{imageDetail.status1}}" ng-bind="imageDetail.status1"></span>
                                                                </dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal dl-spec">
                                                                <dt style="margin-left: -20px;">所属云平台：</dt>
                                                                <dd ng-bind="imageDetail.vendorName"></dd>
                                                            </dl>
                                                        </div>
                                                        <!--<div class="col-lg-6">-->
                                                            <!--<dl class="dl-horizontal">-->
                                                                <!--<dt>镜像描述：</dt>-->
                                                                <!--<dd ng-bind="imageDetail.remark"></dd>-->
                                                            <!--</dl>-->
                                                        <!--</div>-->
                                                    </div>
                                                </div>
                                            </div>
                                        <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                </div>
            </tab>
            <tab ng-controller="openstacksizeCtrl" select="selectTab('size')" active="active5">
                <tab-heading class="tab-heading-style" >
                    规格
                </tab-heading>
                <div class="row panel" style="padding-top: 10px">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">配置名称：</label>
                                <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                            <button class="btn btn-info w-xs m-r" ng-click="add($event)"><i class="fa fa-plus-circle"></i> 新增</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 table-responsive">
                            <table class="table b-light m-b-xxs">
                                <thead class="table-header" >
                                <tr>
                                    <th width="20%" class="text-center font-15">配置名称</th>
                                    <th width="20%" class="text-center font-15">配置ID</th>
                                    <th width="15%" class="text-center font-15">CPU(核)</th>
                                    <th width="15%" class="text-center font-15">内存(MB)</th>
                                    <th width="15%" class="text-center font-15">磁盘(GB)</th>
                                    <th width="15%" class="text-center font-15">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-content" ng-repeat="row in sizeList" ng-if="!isImageData">
                                    <td width="20%" class="text-center font-15 text-overflow detail-href" style="max-width:209px;" title="{{row.name}}" ng-click="detail($event,row.id)" ng-bind="row.name"></td>
                                    <td width="20%" class="text-center font-15 text-overflow" style="max-width:209px;" title="{{row.flavorId}}" ng-bind="row.flavorId"></td>
                                    <td width="15%" class="text-center font-15 text-overflow" style="max-width:157px;" title="{{row.cpu}}" ng-bind="row.cpu"></td>
                                    <td width="15%" class="text-center font-15 text-overflow" style="max-width:157px;" title="{{row.memory}}" ng-bind="row.memory"></td>
                                    <td width="15%" class="text-center font-15 text-overflow" style="max-width:157px;" title="{{row.disk}}" ng-bind="row.disk"></td>
                                    <td width="15%" class="text-center font-15">
                                        <div class="btn-group dropdown table-operation" dropdown="">
                                            <a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
                                            <ul class="dropdown-menu">
                                                <li ng-click="remove(row.id,$event,$index,key)" ><a href="">删除</a></li>
                                            </ul>
                                        </div>
                                    </td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="6"></td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6" style="padding:7px 15px;">
                                    <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                        <div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail" ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
                            <div class="col-md-12">
                                <div class="panel panel-default" style="padding:0;">
                                    <div class="panel-heading font-bold">
                                        <span class="p-l-6">规格详情</span>
                                    </div>
                                    <div class="panel-body pmb-block" style="border:none;">
                                        <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">基本信息</h5>
                                                </div>
                                                <div class="pmbb-body p-l-30">
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>配置ID：</dt>
                                                                <dd ng-bind="volumeDetail.flavorId"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>云平台：</dt>
                                                                <dd ng-bind="volumeDetail.vendorName"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>配置名称：</dt>
                                                                <dd ng-bind="volumeDetail.name"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <div class="col-md-12">
                                                <div class="pmbb-header">
                                                    <h5 class="console-title">详细信息</h5>
                                                </div>
                                                <div class="pmbb-body p-l-30">
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>CPU(核)：</dt>
                                                                <dd ng-bind="volumeDetail.cpu"></dd>
                                                            </dl>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>内存(MB)：</dt>
                                                                <dd ng-bind="volumeDetail.memory"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="col-lg-6">
                                                            <dl class="dl-horizontal">
                                                                <dt>磁盘(GB)：</dt>
                                                                <dd ng-bind="volumeDetail.disk"></dd>
                                                            </dl>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
        </tabset>
    </div>
</div>